﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="ko" xml:lang="ko">
  <head>   

	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	
    <title>마이페이지 셀러</title>
	
	<style>
		@font-face
		{
			font-family: NGothic;
			src:url(font/NanumGothic.eot);
			src:url(font/NanumGothic.eot?#iefix) format("embeded-opentype"),
			url(font/NanumGothic.woff)format("woff")
		}
	</style>
	
	
	
	
	<link href="assets/css/bootstrap.css" rel="stylesheet">
	<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
	<link href="main_01.css" rel="stylesheet" type="text/css">	
  </head>

  <body>  
	<div class="navbar navbar-inverse navbar-fixed-top">	
		<div id="top_wrapper">
				<div id="menubar_left">			
				</div>
				<div id="titlebox">
					<div style="background-image: url(images/green_title.png); height: 95px; width: 247px;margin-left:10px;" ></div>
				</div>
				<div id="content0">
					<div style="margin-top:10px;">
						<form class="navbar-search pull-left form-search">
							<div class="input-append">
								<input type="text" class="span2 search-query" placeholder="찾아보기">
								<button class="btn btn-inverse" type="button">검색</button>
							</div>
						</form>
					</div>
				</div>		
				<div id="content1">			
					<div id="menu">			
						<ul class="bmenu">
							<li>
								<a href="#">로그인</a>
							</li>
							<li>
								<a data-toggle="modal" href="#responsive">회원가입</a>
							</li>
							<li>
								<a href="#">마이페이지</a>
							</li>   
						</ul>
					</div>
				</div>
				<div id="content2">
					<div id="makebutton">
						<a class="btn btn-large btn btn-warning" href="#"><i class="icon-plus"></i>공동구매만들기</a>
					</div>
				</div>	
				<div id="menubar_right">			
				</div>		
				<div id="content3">
					<div style="float:right;border: 1px solid #f1f0f0; margin-top:10px;padding:5px; height:30px; margin-right:20px;background-color:#ffffff;border-radius:5px;">
						<span style="line-height:30px;font-size:16pt;" ><font color="#6b6b6b">현재 <strong><font color="#000000" >345</font></strong>개의 공동구매가 진행중입니다.</font></span>
					</div>
				</div>
			</div>
	</div>
	
	<div class="main_container">
		<div class="main_content_list">
		
			<!--구분선 ----------------------------------------------------------------------->
			<div style="height:50px;">
				<hr width="100%" style="border:1px dashed #ffeac7"/>
				<span style="font-size:17pt;margin-left:30px;" >최근등록 공동구매</span>					
				<a class="btn btn-mini btn-inverse" href="#">더보기</a>
			</div>
			<!--구분선 ----------------------------------------------------------------------->
			
			<div class="row-fluid no-space">
				<ul class="thumbnails">
				  <li class="span3">
					<div class="thumbnail" url="http://google.com111" >
					  <img src="images/sample.png" alt="" >
					  <div class="caption caption_modelname">
						<span>동해물과백두산이마르고해물해물과백두산과백두산닳도록동해 물과백두산이마르고닳도록동해물과백두산이마르고닳도록</span>
					  </div>
					  <div class="caption captionprice" >
						<span>23,000원</span>
					  </div>
					  <div class="joinmember" >					
						<span>1234명<font color="#4a4a4a">참여중</font></span>
					  </div>
					  <div id="newicon">
					  </div>
					</div>
				  </li>	
				  <li class="span3">
					<div class="thumbnail" url="http://google.com222" >
					  <img src="images/sample.png" alt="" >
					  <div class="caption caption_modelname">
						<span>동해물과백두산이마르고해물해물과백두산과백두산닳도록동해 물과백두산이마르고닳도록동해물과백두산이마르고닳도록</span>
					  </div>
					  <div class="caption captionprice" >
						<span>23,000원</span>
					  </div>
					  <div class="joinmember" >					
						<span>1234명<font color="#4a4a4a">참여중</font></span>
					  </div>
					  <div id="newicon">
					  </div>
					</div>
				  </li>	
				  <li class="span3">
					<div class="thumbnail" url="http://google.com333" >
					  <img src="images/sample.png" alt="" >
					  <div class="caption caption_modelname">
						<span>동해물과백두산이마르고해물해물과백두산과백두산닳도록동해 물과백두산이마르고닳도록동해물과백두산이마르고닳도록</span>
					  </div>
					  <div class="caption captionprice" >
						<span>23,000원</span>
					  </div>
					  <div class="joinmember" >					
						<span>1234명<font color="#4a4a4a">참여중</font></span>
					  </div>
					  <div id="newicon">
					  </div>
					</div>
				  </li>	
				  <li class="span3">
					<div class="thumbnail" url="http://google.com444" >
					  <img src="images/sample.png" alt="" >
					  <div class="caption caption_modelname">
						<span>동해물과백두산이마르고해물해물과백두산과백두산닳도록동해 물과백두산이마르고닳도록동해물과백두산이마르고닳도록</span>
					  </div>
					  <div class="caption captionprice" >
						<span>23,000원</span>
					  </div>
					  <div class="joinmember" >					
						<span>1234명<font color="#4a4a4a">참여중</font></span>
					  </div>
					  <div id="newicon">
					  </div>
					</div>
				  </li>	
				  <li class="span3">
					<div class="thumbnail" url="http://google.com555" >
					  <img src="images/sample.png" alt="" >
					  <div class="caption caption_modelname">
						<span>동해물과백두산이마르고해물해물과백두산과백두산닳도록동해 물과백두산이마르고닳도록동해물과백두산이마르고닳도록</span>
					  </div>
					  <div class="caption captionprice" >
						<span>23,000원</span>
					  </div>
					  <div class="joinmember" >					
						<span>1234명<font color="#4a4a4a">참여중</font></span>
					  </div>
					  <div id="newicon">
					  </div>
					</div>
				  </li>	
				  <li class="span3">
					<div class="thumbnail" url="http://google.com666" >
					  <img src="images/sample.png" alt="" >
					  <div class="caption caption_modelname">
						<span>동해물과백두산이마르고해물해물과백두산과백두산닳도록동해 물과백두산이마르고닳도록동해물과백두산이마르고닳도록</span>
					  </div>
					  <div class="caption captionprice" >
						<span>23,000원</span>
					  </div>
					  <div class="joinmember" >					
						<span>1234명<font color="#4a4a4a">참여중</font></span>
					  </div>
					  <div id="newicon">
					  </div>
					</div>
				  </li>
				  <li class="span3">
					<div class="thumbnail" url="http://google.com666" >
					  <img src="images/sample.png" alt="" >
					  <div class="caption caption_modelname">
						<span>동해물과백두산이마르고해물해물과백두산과백두산닳도록동해 물과백두산이마르고닳도록동해물과백두산이마르고닳도록</span>
					  </div>
					  <div class="caption captionprice" >
						<span>23,000원</span>
					  </div>
					  <div class="joinmember" >					
						<span>1234명<font color="#4a4a4a">참여중</font></span>
					  </div>
					  <div id="newicon">
					  </div>
					</div>
				  </li>	
				  <li class="span3">
					<div class="thumbnail" url="http://google.com666" >
					  <img src="images/sample.png" alt="" >
					  <div class="caption caption_modelname">
						<span>동해물과백두산이마르고해물해물과백두산과백두산닳도록동해 물과백두산이마르고닳도록동해물과백두산이마르고닳도록</span>
					  </div>
					  <div class="caption captionprice" >
						<span>23,000원</span>
					  </div>
					  <div class="joinmember" >					
						<span>1234명<font color="#4a4a4a">참여중</font></span>
					  </div>
					  <div id="newicon">
					  </div>
					</div>
				  </li>	 
				</ul>			
			</div>
			
			
			<!--구분선 ----------------------------------------------------------------------->
			<div>
				<hr width="100%" style="border:1px dashed #ffeac7"/>
				<span style="font-size:17pt;margin-left:30px;" >인기 공동구매</span>	
				<a class="btn btn-mini btn-inverse" href="#">더보기</a>				
			</div>
			<!--구분선 ----------------------------------------------------------------------->
			
			
			<div class="row-fluid no-space">
				<ul class="thumbnails">
				  <li class="span3">
					<div class="thumbnail" url="http://google.com111" >
					  <img src="images/sample.png" alt="" >
					  <div class="caption caption_modelname">
						<span>동해물과백두산이마르고해물해물과백두산과백두산닳도록동해 물과백두산이마르고닳도록동해물과백두산이마르고닳도록</span>
					  </div>
					  <div class="caption captionprice" >
						<span>23,000원</span>
					  </div>
					  <div class="joinmember" >					
						<span>1234명<font color="#4a4a4a">참여중</font></span>
					  </div>
					  <div id="newicon">
					  </div>
					</div>
				  </li>	
				  <li class="span3">
					<div class="thumbnail" url="http://google.com222" >
					  <img src="images/sample.png" alt="" >
					  <div class="caption caption_modelname">
						<span>동해물과백두산이마르고해물해물과백두산과백두산닳도록동해 물과백두산이마르고닳도록동해물과백두산이마르고닳도록</span>
					  </div>
					  <div class="caption captionprice" >
						<span>23,000원</span>
					  </div>
					  <div class="joinmember" >					
						<span>1234명<font color="#4a4a4a">참여중</font></span>
					  </div>
					  <div id="newicon">
					  </div>
					</div>
				  </li>	
				  <li class="span3">
					<div class="thumbnail" url="http://google.com333" >
					  <img src="images/sample.png" alt="" >
					  <div class="caption caption_modelname">
						<span>동해물과백두산이마르고해물해물과백두산과백두산닳도록동해 물과백두산이마르고닳도록동해물과백두산이마르고닳도록</span>
					  </div>
					  <div class="caption captionprice" >
						<span>23,000원</span>
					  </div>
					  <div class="joinmember" >					
						<span>1234명<font color="#4a4a4a">참여중</font></span>
					  </div>
					  <div id="newicon">
					  </div>
					</div>
				  </li>	
				  <li class="span3">
					<div class="thumbnail" url="http://google.com444" >
					  <img src="images/sample.png" alt="" >
					  <div class="caption caption_modelname">
						<span>동해물과백두산이마르고해물해물과백두산과백두산닳도록동해 물과백두산이마르고닳도록동해물과백두산이마르고닳도록</span>
					  </div>
					  <div class="caption captionprice" >
						<span>23,000원</span>
					  </div>
					  <div class="joinmember" >					
						<span>1234명<font color="#4a4a4a">참여중</font></span>
					  </div>
					  <div id="newicon">
					  </div>
					</div>
				  </li>	
				  <li class="span3">
					<div class="thumbnail" url="http://google.com555" >
					  <img src="images/sample.png" alt="" >
					  <div class="caption caption_modelname">
						<span>동해물과백두산이마르고해물해물과백두산과백두산닳도록동해 물과백두산이마르고닳도록동해물과백두산이마르고닳도록</span>
					  </div>
					  <div class="caption captionprice" >
						<span>23,000원</span>
					  </div>
					  <div class="joinmember" >					
						<span>1234명<font color="#4a4a4a">참여중</font></span>
					  </div>
					  <div id="newicon">
					  </div>
					</div>
				  </li>	
				  <li class="span3">
					<div class="thumbnail" url="http://google.com666" >
					  <img src="images/sample.png" alt="" >
					  <div class="caption caption_modelname">
						<span>동해물과백두산이마르고해물해물과백두산과백두산닳도록동해 물과백두산이마르고닳도록동해물과백두산이마르고닳도록</span>
					  </div>
					  <div class="caption captionprice" >
						<span>23,000원</span>
					  </div>
					  <div class="joinmember" >					
						<span>1234명<font color="#4a4a4a">참여중</font></span>
					  </div>
					  <div id="newicon">
					  </div>
					</div>
				  </li>
				  <li class="span3">
					<div class="thumbnail" url="http://google.com666" >
					  <img src="images/sample.png" alt="" >
					  <div class="caption caption_modelname">
						<span>동해물과백두산이마르고해물해물과백두산과백두산닳도록동해 물과백두산이마르고닳도록동해물과백두산이마르고닳도록</span>
					  </div>
					  <div class="caption captionprice" >
						<span>23,000원</span>
					  </div>
					  <div class="joinmember" >					
						<span>1234명<font color="#4a4a4a">참여중</font></span>
					  </div>
					  <div id="newicon">
					  </div>
					</div>
				  </li>	
				  <li class="span3">
					<div class="thumbnail" url="http://google.com666" >
					  <img src="images/sample.png" alt="" >
					  <div class="caption caption_modelname">
						<span>동해물과백두산이마르고해물해물과백두산과백두산닳도록동해 물과백두산이마르고닳도록동해물과백두산이마르고닳도록</span>
					  </div>
					  <div class="caption captionprice" >
						<span>23,000원</span>
					  </div>
					  <div class="joinmember" >					
						<span>1234명<font color="#4a4a4a">참여중</font></span>
					  </div>
					  <div id="newicon">
					  </div>
					</div>
				  </li>	 
				</ul>			
			</div>
			
			
			<!--구분선 ----------------------------------------------------------------------->
			<div>
				<hr width="100%" style="border:1px dashed #ffeac7"/>
				<span style="font-size:17pt;margin-left:30px;" >종료임박 공동구매</span>		
				<a class="btn btn-mini btn-inverse" href="#">더보기</a>				
			</div>
			<!--구분선 ----------------------------------------------------------------------->
			
			
			<div class="row-fluid no-space">
				<ul class="thumbnails">
				  <li class="span3">
					<div class="thumbnail" url="http://google.com111" >
					  <img src="images/sample.png" alt="" >
					  <div class="caption caption_modelname">
						<span>동해물과백두산이마르고해물해물과백두산과백두산닳도록동해 물과백두산이마르고닳도록동해물과백두산이마르고닳도록</span>
					  </div>
					  <div class="caption captionprice" >
						<span>23,000원</span>
					  </div>
					  <div class="joinmember" >					
						<span>1234명<font color="#4a4a4a">참여중</font></span>
					  </div>
					  <div id="newicon">
					  </div>
					</div>
				  </li>	
				  <li class="span3">
					<div class="thumbnail" url="http://google.com222" >
					  <img src="images/sample.png" alt="" >
					  <div class="caption caption_modelname">
						<span>동해물과백두산이마르고해물해물과백두산과백두산닳도록동해 물과백두산이마르고닳도록동해물과백두산이마르고닳도록</span>
					  </div>
					  <div class="caption captionprice" >
						<span>23,000원</span>
					  </div>
					  <div class="joinmember" >					
						<span>1234명<font color="#4a4a4a">참여중</font></span>
					  </div>
					  <div id="newicon">
					  </div>
					</div>
				  </li>	
				  <li class="span3">
					<div class="thumbnail" url="http://google.com333" >
					  <img src="images/sample.png" alt="" >
					  <div class="caption caption_modelname">
						<span>동해물과백두산이마르고해물해물과백두산과백두산닳도록동해 물과백두산이마르고닳도록동해물과백두산이마르고닳도록</span>
					  </div>
					  <div class="caption captionprice" >
						<span>23,000원</span>
					  </div>
					  <div class="joinmember" >					
						<span>1234명<font color="#4a4a4a">참여중</font></span>
					  </div>
					  <div id="newicon">
					  </div>
					</div>
				  </li>	
				  <li class="span3">
					<div class="thumbnail" url="http://google.com444" >
					  <img src="images/sample.png" alt="" >
					  <div class="caption caption_modelname">
						<span>동해물과백두산이마르고해물해물과백두산과백두산닳도록동해 물과백두산이마르고닳도록동해물과백두산이마르고닳도록</span>
					  </div>
					  <div class="caption captionprice" >
						<span>23,000원</span>
					  </div>
					  <div class="joinmember" >					
						<span>1234명<font color="#4a4a4a">참여중</font></span>
					  </div>
					  <div id="newicon">
					  </div>
					</div>
				  </li>	
				  <li class="span3">
					<div class="thumbnail" url="http://google.com555" >
					  <img src="images/sample.png" alt="" >
					  <div class="caption caption_modelname">
						<span>동해물과백두산이마르고해물해물과백두산과백두산닳도록동해 물과백두산이마르고닳도록동해물과백두산이마르고닳도록</span>
					  </div>
					  <div class="caption captionprice" >
						<span>23,000원</span>
					  </div>
					  <div class="joinmember" >					
						<span>1234명<font color="#4a4a4a">참여중</font></span>
					  </div>
					  <div id="newicon">
					  </div>
					</div>
				  </li>	
				  <li class="span3">
					<div class="thumbnail" url="http://google.com666" >
					  <img src="images/sample.png" alt="" >
					  <div class="caption caption_modelname">
						<span>동해물과백두산이마르고해물해물과백두산과백두산닳도록동해 물과백두산이마르고닳도록동해물과백두산이마르고닳도록</span>
					  </div>
					  <div class="caption captionprice" >
						<span>23,000원</span>
					  </div>
					  <div class="joinmember" >					
						<span>1234명<font color="#4a4a4a">참여중</font></span>
					  </div>
					  <div id="newicon">
					  </div>
					</div>
				  </li>
				  <li class="span3">
					<div class="thumbnail" url="http://google.com666" >
					  <img src="images/sample.png" alt="" >
					  <div class="caption caption_modelname">
						<span>동해물과백두산이마르고해물해물과백두산과백두산닳도록동해 물과백두산이마르고닳도록동해물과백두산이마르고닳도록</span>
					  </div>
					  <div class="caption captionprice" >
						<span>23,000원</span>
					  </div>
					  <div class="joinmember" >					
						<span>1234명<font color="#4a4a4a">참여중</font></span>
					  </div>
					  <div id="newicon">
					  </div>
					</div>
				  </li>	
				  <li class="span3">
					<div class="thumbnail" url="http://google.com666" >
					  <img src="images/sample.png" alt="" >
					  <div class="caption caption_modelname">
						<span>동해물과백두산이마르고해물해물과백두산과백두산닳도록동해 물과백두산이마르고닳도록동해물과백두산이마르고닳도록</span>
					  </div>
					  <div class="caption captionprice" >
						<span>23,000원</span>
					  </div>
					  <div class="joinmember" >					
						<span>1234명<font color="#4a4a4a">참여중</font></span>
					  </div>
					  <div id="newicon">
					  </div>
					</div>
				  </li>	 
				</ul>			
			</div>
			
			
		</div>		
		
	</div>	


	

	
	<!-- 회원가입시작 ----------------------------------------------------------------------------->
	<div id="responsive" class="modal hide fade" tabindex="-1" data-width="800px">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			<h3>회원가입</h3>
		</div>
		<div class="modal-body">
			<form class="form-horizontal" action='' method="POST">
				<fieldset>
					<div class="control-group">
						<!-- Username -->
						<label class="control-label"  for="username">아이디</label>
						<div class="controls">
							<input type="text" id="username" name="username" placeholder="아이디" class="input-xlarge" required>
							<p class="help-block">아이디는 문자와 숫자로 공백없이 입력해주세요.</p>
						</div>
					</div>
					<div class="control-group">
						<!-- E-mail -->
						<label class="control-label" for="email">E-mail</label>
						<div class="controls">
							<input type="text" id="email" name="email" placeholder="이메일" class="input-xlarge" required>
							<p class="help-block">이메일 주소를 입력해주세요.</p>
						</div>
					</div>
					<div class="control-group">
						<!-- Password-->
						<label class="control-label" for="password">비밀번호</label>
						<div class="controls">
							<input type="password" id="password" name="password" placeholder="비밀번호" class="input-xlarge" minlength="4" required>
							<p class="help-block">비밀번호는 최소한 4 글자 이상으로 해주세요..</p>
						</div>
					</div>
					<div class="control-group">
						<!-- Password -->
						<label class="control-label"  for="password_confirm">비밀번호(재입력)</label>
						<div class="controls">
							<input type="password" id="password_confirm" name="password_confirm" placeholder="비밀번호(재입력)" class="input-xlarge" required>
							<p class="help-block">비밀번호를 다시 입력해주세요.</p>
						</div>
					</div>
					<div class="control-group">
						<!-- Button -->
						<div class="controls">
							<button class="btn btn-success">가입하기</button>
						</div>
					</div>
			  </fieldset>
			</form>
		</div>
	  
		<div class="modal-footer">
			<!--
			<button type="button" data-dismiss="modal" class="btn">Close</button>
			<button type="button" class="btn btn-primary">Save changes</button>	
			-->
		</div>
	  
	</div>

	<script src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript" src="http://twitter.github.io/bootstrap/assets/js/google-code-prettify/prettify.js"></script>
    <script src="http://twitter.github.io/bootstrap/assets/js/bootstrap.js"></script>
    
    
	
	<script type="text/javascript">

	  
	  
		// 모달가입창 닫기 
		$('#btnCloseModal').click(function() 
		{    
			$('#responsive').modal('hide');
		});
		
		function closeModal()
		{
			$('#responsive').modal('hide');
		}
		
		function somefunction(id)
		{
			document.getElementById(id).style.border="10px #FF0000 solid";
		}
		
		
		<!-------리스트 클릭시 ( 메인화면 )---->
		$('.thumbnail').click(function() {
			alert($(this).attr("url"));
		})
	
		
	</script>

	
  </body>
</html>
